<template>
  <h1 class="content">
    <span class="hint">404</span>
    <p>抱歉，您访问的页面出错了</p>
  </h1>
</template>
<!-- <style lang="less" scoped src="@/asset/index.less"></style> -->
<style lang="less" scoped>
.content{
  width:100vw;
  height:50vh;
  max-width: 100%;
  max-height: 100%;
  text-align:center;
  padding:20px;
  overflow:visible;
}
.content::before{
  content:"";
  display:inline-block;
  width:0;
  height:100%;
  vertical-align: middle;
}
.hint{
  font-size:100px; 
  letter-spacing: .5em; 
  transform: skew(-40deg);
  vertical-align: middle;
  display:inline-block;
}
</style>
